<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播图（传送带模式）</title>
    <link rel="stylesheet" href="css/demo.css">
</head>
<body>
<div class="carousel">
    <div class="imgList">
        <ul>
            <li class="list1"><a href="javascript:;"><img src="images/01.jpg" alt=""></a></li>
            <li class="list2"><a href="javascript:;"><img src="images/02.jpg" alt=""></a></li>
            <li class="list3"><a href="javascript:;"><img src="images/03.jpg" alt=""></a></li>
            <li class="list4"><a href="javascript:;"><img src="images/04.jpg" alt=""></a></li>
            <li class="list5"><a href="javascript:;"><img src="images/05.jpg" alt=""></a></li>
            <li class="list6"><a href="javascript:;"><img src="images/03.jpg" alt=""></a></li>
        </ul>
    </div>
    <div class="line">
        <a href="javascript:;"></a>
        <a href="javascript:;"></a>
        <a href="javascript:;"></a>
        <a href="javascript:;"></a>
        <a href="javascript:;"></a>
        <a href="javascript:;"></a>
    </div>
</div>

<script src="js/jquery-3.2.1.js"></script>
<script src="js/demo.js"></script>
</body>
</html>
